/* Add here all your css styles (customizations) */
body,h1, h2, h3, h4, h5, h6, p ,.sky-form .checkbox {font-family: Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft JhengHei", "WenQuanYi Micro Hei", sans-serif !important;}
body {overflow-x: hidden;}
.header-v3 .navbar-default .navbar-nav > .open > a, .header-v3 .navbar-default .navbar-nav > .open > a:hover, .header-v3 .navbar-default .navbar-nav > .open > a:focus
    ,.dropdown-menu > li > a:focus ,.sky-form .select select:focus,.sky-form .input input:focus, .nav>li>a:focus ,.legal-left select:focus {
    border: 1px dashed #c32700;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    color: #c32700;
    }

.tab-v1 .nav-tabs > li > a { border: 2px dashed #fff !important;}
.nav>li>a{ border: 2px dashed #fff !important;}
.nav>li>a:focus{ border: 2px dashed #ffaa80 !important;}

/*a:focus {
    border: 1px dashed #c32700;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    color: #c32700;
}*/
.carousel-control{
    border: 0px;
}

a.img-block {
    border: 2px solid transparent;
    display: block;
}

a.img-block:focus {
    border: 2px dashed #ffaa80;
    display: block;
}

.carousel-inner > .item > a > img:focus{border: 2px dashed #ffaa80;}

@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left: -25px;}
}

div.room .col-md-4 table tr td:first-child{width:60px;}

.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
	border: 2px solid #ffaa80;
	background-color: #ffeeee;
}
.sky-form .input input { border-width: 2px;}
.sky-form fieldset {
    padding: 0 0 5px;
}
.sky-form fieldset + fieldset {
    padding: 10px 5px 0;
}

.sky-form .select select{  border-width: 2px;}

.btn-u:focus, .btn-u:active {
    border: 1px dashed #ffffff;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.title ,.center {
    text-align: center;
    }
.right {
    text-align: right;
}
.title h2 {
    font-size: 2.3rem;
    color: #257339;
    line-height: 45px;
}
.title h2 span {
    font-size: 1.4rem;
    font-family: 'Arapey', serif !important;
}
.row p , .tab-v2 .nav-tabs li.active a,.tab-v2 .nav-tabs li a {
    font-size: 1.1rem;
}

.title p {
    color: #c83380;
    font-size: 2rem;
    font-family: 'Arapey', serif !important;
}
.carousel-caption {
    text-shadow: 0 1px 2px rgba(0,0,0,0);
}
.btn-u-lg, a.btn-u-lg {
    border-radius: 5px !important;
    font-size: 1.2rem;
    display: inline-block;
    margin: 2px 0;
    border: 2px solid #fff !important;
}
.btn-u {
    display: initial;
    border: 2px solid #fff;
}
.content-sm {
    padding: 60px;
}
.red {
    background: #d83a4e;
}
.red:hover {
    background: #b01529;
}
.org {
    color: #c32700;
}
[class^="icon-hotel-restaurant"]:before, [class*=" icon-hotel-restaurant"]:before , [class^="icon-finance"]:before, [class*=" icon-finance"]:before ,.glyphicon,
[class^="icon-communication"]:before, [class*=" icon-communication"]:before, .icon-share:before ,.icon-badge ,[class^="icon-electronics"]:before, [class*=" icon-electronics"]:before {
    margin-right: 5px;
}
.blk h2, .blk p {
    color: #000000;
}
.whi h2, .whi p {
    color:#ffffff !important;
}
.pd0 {
    padding: 0 !important;
}
.mg0 {
    margin: 0 !important;
}
.mg20 {
    margin: 20px 0;
}
.blu {
    color: #316e9f;    border: 2px solid transparent;
}
.gre-blu-bg {
    background: #2aa4bc;
}
.breadcrumb a {
    font-size: 1.2rem;
}
.margin-bottom-20 {
    clear: initial;
}
.ohb-icon {
    width: 50px;
    margin: 0 5px 5px 0;
}
.index-icon {
    width: 80px;
}
.index-icon-box {
    width: 100px;
}
.float-right {
    float: right;
}
@media (max-width:991px) {
    .content-sm {
        padding: 0 15px;
    }
}
/**header**/
.navbar-brand {
    height: 100px;
}
.top-sitemap {
    font-size: 1.2rem;
    text-align: right;
    z-index: 99;
}
.header-fixed .header-v3 {
    height: 100px;
}
.header-fixed .header-v3.header-fixed-shrink {
    height: 125px;
}
.header-v3 .navbar-default .navbar-nav > li > a {
    font-size: 1.2rem;
}
.header-v3 .dropdown-menu li a {
    font-size: 1.1rem;
}

.header-v3 .open > .dropdown-menu {
    display: block;
}

.header-v3 .navbar-brand {top: 0px; border: 2px dashed #fff;}
.header-v3 .navbar-brand:focus {border: 2px dashed #ffaa80;}
.header-v3 .navbar-default .navbar-nav > li > a {padding: 28px 15px 27px 15px;}
.header-v3 .dropdown-menu li > a:focus {     color: #fff; filter: none !important; background: #687074 !important;    border-bottom: 1px solid #eee !important;}
@media (min-width: 992px){

}
@media (max-width: 1199px) {
    .header-v3 .navbar-default .navbar-nav > li > a {
        padding: 15px 10px;
    }
}
@media (max-width: 991px){
    .header-v3 .navbar-brand {
        top: -20px;
    }
    .header-v3 .navbar-header {
        padding: 20px 0 0;
    }
}
/** End header**/

/** fixed,news **/
.fixed-box {
    background: #0a838f;
}
.fixed-box button {
    background: #e9ebee;
    color: #29292d;
    border-radius: 50px;
    margin: 15px 10px;
}
.news-box {
    background: #0a838f;
    margin: 0 0 15px;
}
.news-box button {
    background: #e9ebee;
    color: #29292d;
    margin: 15px 10px;
}
.news-box-org {
    margin: 0 auto 20px;
}
.news-box-org button {
    margin: 15px 10px;
}
.affix {
    z-index: 1;
    position: fixed;
    width: 100%;
    top: 0px;
}
.fixed-box .btn-u:hover ,.fixed-box .btn-u:focus ,.news-box .btn-u:hover ,.news-box .btn-u:focus {
    background: #555;
}
.fixed-box .dropdown-menu ,.news-box .dropdown-menu {
    border-top: solid 2px #555;
    margin: 0;
}
.fixed-box p ,.news-box p {
    margin: 10px;
    color: #fff;
    font-size: 1.2rem;
    display: inline-block;
}
.fixed-box-search {
    display: inline-block;
}
.fixed-box-search .form-control {
    border-radius: 50px;
    background: #e9ebee;
    top: 2px;
    position: relative;
}
.booking {
    float: right;
    width: 210px;
    height: 64px;
    background: #1b606d;
    color: #fff !important;
    text-align: center;
    transition: all 0.3s ease-in-out;
	-webkit-trasition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.booking:hover {
    background: #14424b;
}
.booking h3 {
    font-size: 2rem;
    color: #fff;
    margin-top: 0px;
}
.booking p {
    margin: 5px 0 0;
}
.booking span {
    float: left;
    font-size: 2rem;
    margin: 20px 0 20px 10px;
}
@media (max-width:991px) {
    .fixed-box button {
        margin: 2px 0px;
    }
    .glyphicon {
        margin-right: 0px;
    }
    .booking {
        width: 100%;
    }
    .fixed-box button ,.news-box button {
        margin: 5px 10px;
    }
}
/** fixed,news **/

/** news **/
.content-new-box,.content-new-box-details {
	background: #fff;
    padding: 20px;
    border-left: 2px solid #d34700;
		
}
.content-new-box-details h3 {
    font-size: 2.4rem;
    margin: 20px 0;
    color: #d34700;
}
.content-new-box p ,.content-new-box-details p {
    font-size: 1.2rem;
}
.list-inline {
    font-size: 1.2rem;
    font-weight: 300;
}
.news-v3 .posted-info li {
    font-style: inherit;
}
/** news **/


/** booking **/
.booking-box {
    background: #1b606d;
}
.booking-bt {
    position: relative;
    top: 13px;
    height: 35px;
}
.booking-close p {
    margin: 5px 0 0;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
}
.booking-close {
    background: #14424b;
    height: 60px;
    padding: 13px;
    transition: all 0.3s ease-in-out;
	-webkit-trasition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.booking-close:hover {
    background: #0a838f;
}
.booking-close i {
    font-size: 1.4rem;
}
.booking-go {
    background: #316eaf;
    color: #fff;
    height: 35px;
    border: none;
}
.calendar {
    float: right;
    position: relative;
    top: 24px;
}
.calendar-box {
    padding: 5px 10px;
}
.ui-datepicker {
    z-index: 99 !important;
}.ui-datepicker-today a {
    color: #d34700;
}
@media (max-width:991px) {
    .booking-box {
        height: 330px;
    }
}
/** booking **/

/** top booking **/
.booking-box-top {
    background: #1b606d;
}
.booking-box-top .sky-form .select select, .booking-box-top .sky-form .input .icon-append + input, .booking-box-top .btn-u.btn-u-default {
    border-radius: 10px;
    height: 50px;
    font-size: 1.4rem;
}
.booking-box-top .sky-form .icon-append {
    top: 10px;
}
.booking-box-top .sky-form .select i:before {
    top: 5px;
}
.booking-box-top .sky-form .select i:after {
    top: 15px;
}
.booking-box-top-button {
    font-family: Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft JhengHei", "WenQuanYi Micro Hei", sans-serif !important;
    background: #316eaf;
    color: #fff;
    height: 50px;
    border: none;
    border-radius: 10px;
    width: 100%;
    font-size: 1.2rem;
    transition: all 0.3s ease-in-out;
	-webkit-trasition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.booking-box-top-button:hover {
    background: #d34700;
}
.booking-box-top-button:focus {
    border: 1px dashed #fff;
}
.booking-box-top .sky-form section {
    margin-bottom: 10px;
}
.day {
    margin: 12px 0 0;
}
/** top booking **/

/** left booking **/
.booking-box-left .sky-form .select select, .booking-box-left .sky-form .input .icon-append + input, .booking-box-left .btn-u.btn-u-default ,.legal-left select {
    border-radius: 0;
    height: 34px;
    font-size: 1.2rem;
}
.booking-box-left .sky-form .icon-append {
    top: 2px;
}
.booking-box-left .sky-form .select i:before {
    top: -3px;
}
.booking-box-left .sky-form .select i:after {
    top: 5px;
}
.booking-button {
    font-family: Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft JhengHei", "WenQuanYi Micro Hei", sans-serif !important;
    background: #316eaf;
    color: #fff;
    height: 34px;
    border: none;
    border-radius: 0;
    width: 100%;
    margin: 0 0 10px;
    transition: all 0.3s ease-in-out;
	-webkit-trasition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.booking-button:hover {
    background: #d34700;
}
.booking-button:focus {
    background: #d34700;
    border: 1px dashed #fff;
}
.booking-box-left .sky-form section {
    margin-bottom: 10px;
}
.form-control {
    font-family: Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft JhengHei", "WenQuanYi Micro Hei", sans-serif !important;
    font-size: 1.2rem;
    border: 2px solid #bbb;
}
.form-control:focus {
    box-shadow: 0 0 0 ; 
    border: 2px solid #ffaa80;
    background-color: #ffeeee;
}

@media (max-width:991px) {
    .booking-box-top {
        height: 330px;
    }
}
/** left booking **/


/**index-slider**/
.breadcrumbs-v3.img-v1 {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/slider-bg.jpg) repeat;
    position: inherit;
}
.breadcrumbs-v3.img-v1 {
    padding: 85px 20px;
    color: #d34700;
}
.breadcrumbs-v3.img-v1 p {
    color: #d34700;
}
/** End index-slider**/

/** slider bg **/
.bg-image1, .bg-image2, .bg-image3, .bg-image4, .bg-image5 {
    padding: 100px 0;
}
.bg-image1:before ,.bg-image2:before ,.bg-image3:before ,.bg-image4:before, .bg-image5:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(255,255,255,0.0);
}
.bg-image1 {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/slider-bg1.jpg) repeat fixed !important;
}
.bg-image2 {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/slider-bg2.jpg) repeat fixed !important;
}
.bg-image3 {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/slider-bg3.jpg) repeat fixed !important;
}
.bg-image4 {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/slider-bg4.jpg) repeat fixed !important;
}
.bg-image5 {
    background-position: center center;
    background: url(https://taiwan.taiwanstay.net.tw/main/images/slider-bg5.jpg) repeat fixed !important;
}
@media (max-width: 991px) {
    .bg-image1, .bg-image2, .bg-image3, .bg-image4, .bg-image5 {
        padding: 60px 0;
    }
}
/** End slider bg **/

/** room-slider **/
hr {
    margin: 15px 0;
}
.tp-arr-titleholder {
    font-size: 1.2em !important;
}
.room h2 { font-size: 2.1rem;}
h2 span.code_num { margin-top: 0.5rem; font-size:1.3rem !important;}

.room h3 {
    font-weight: 600;
    font-size:1.4rem;
}
div.room .col-md-4 table tr td:first-child{width:60px;}

tbody {
    font-size: 1.2rem;
}
.revolution-mch-1:after {
    background: rgba(0,0,0,0);
}
/** room-slider **/


/**表單上方文字+底圖**/
/*.font-slogan-lg {
    font-size: 3.5em !important;
    font-weight: 500 !important;
    line-height: 60px;
}
.font-slogan-sm {
    font-size: 2.4em !important;
    font-weight: 500 !important;
}
.font-p {
    font-size: 1.4em !important;
    line-height: 30px !important;
    font-weight: 500 !important;
}*/
.slider-pic {
    position: absolute;
    width: 100%;
    right: 0;
}
/**表單上方文字+底圖**/


/** 日期表單 **/
.sky-form {
    border: 0px;
}
.sky-form .select select ,.sky-form .input .icon-append + input ,.btn-u.btn-u-default {
    font-family: Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft JhengHei", "WenQuanYi Micro Hei", sans-serif !important;
    border-radius: 50px;
    height: 60px;
    font-size: 1.2rem;
}
.btn-u.btn-u-default {
    background: #d34700;
}
.btn-u.btn-u-default:hover {
    background: #c32700;
}
.sky-form .select i {
    top: 28px;
    right: 5px;
}
.sky-form .icon-append {
    top: 15px;
}
.submit-button {
    border-radius: 50px;
    height: 60px;
    width: 100%;
}
/** End 日期表單 **/

/** index search **/
.index-search-font .label ,.sky-form .inline-group .checkbox {
    font-family: Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft JhengHei", "WenQuanYi Micro Hei", sans-serif !important;
    font-size: 1.2rem;
}
.sky-form .inline-group .checkbox:focus{color:#eee;}

.index-search-font {
    font-family: Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft JhengHei", "WenQuanYi Micro Hei", sans-serif !important;
}
.index-search {
    padding:0 20px 20px;
}
.index-search .select select {
    height: 34px;
    border-radius: 0;
}
.index-search .sky-form .select i {
    top: 15px;
}
.index-search-font .label {
    font-weight: 600;
}
@media (max-width:991px) {
    .index-search {
        padding: 0;
    }
}
/** index search **/

/** left search **/
.checkbox, .radio {
    left: 20px;
}
.panel-body p {
    font-size: 1rem;
}
.panel-title {
    color: #333;
}
.panel-title:hover {
    color: #c32700;
}
.bk-box {
    font-size: 1.2em !important;
    height: 34px !important;
    border-radius: 0!important;
}
.bk-box-i {
    top: 16px !important;
    right: 5px !important;
}
/** left search **/ 

/** content **/
.breadcrumb li.active, .breadcrumb li a:hover {
    font-size: 1.2rem;
}
.quick-search-padding-img {
    padding: 93px 0 0;
    margin: 0 25px;
}
.quick-search-around {    
    text-align: center;
    font-size: 1.4rem;
    display: inline-block;
}
.tab-v3 .nav-pills li a {
    padding: 12px 8px;
    margin: 20px 0;
}

.thumbnail h3 a, .thumbnail-style h3 a , .thumbnail p , h3 a {
    font-size: 1.6rem;
}
.thumbnail .caption h3 a{font-size: 1.2rem;}
.thumbnail .caption h3 a:focus{border: 2px dashed #ffaa80;}
.thumbnail .caption p{font-size: 1rem;}

h3 a {
    color: #585f69; border: 2px solid transparent;
}
.thumbnail h3 a:hover {
    color: #c32700;
}

.bg-image-v1 section .slick-p p {color:#fff;}
.bg-image-v1 section .slick-list img {  max-height: 180px;}
.bg-image-v1 section .slick-list .img-wrap { height: 180px;}
.bg-image-v2 {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/index-bg3.jpg) repeat fixed;
}
.bg-image-v3 section .slick-p p {color:#fff;}
.bg-image-v3 section .slick-list img {  max-height: 180px;}
.bg-image-v3 section .slick-list .img-wrap { height: 180px;}
.box-icon {
    font-size: 2.5rem;
    color: #fff;
}
.service-or {
    height: 240px;
}
.service-block {
    margin-bottom: 0;
}
.service-block-img {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/pic1.jpg) no-repeat center;
}
.a-focus-box {
    width: 100%;
    display: inline-block;
    padding: 0px;
    position: absolute;
}
.opacity-box-all {
    margin: -50px 0 0 0;
}
.opacity-box {
    transition: all 0.3s ease-in-out;
	-webkit-trasition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.opacity-box1 {background: rgba(240,135,145,0.7);}
.opacity-box2 {background: rgba(240,140,50,0.7);}
.opacity-box3 {background: rgba(115,140,200,0.7);}
.opacity-box4 {background: rgba(195,170,200,0.7);}
.opacity-box1:hover {background: rgba(240,135,145,1);}
.opacity-box2:hover {background: rgba(240,140,50,1);}
.opacity-box3:hover {background: rgba(115,140,200,1);}
.opacity-box4:hover {background: rgba(195,170,200,1);}
.service-block:hover {padding: 45px 30px;}
.bg-color-white {
    padding: 30px 15px 20px;
    border: 1px solid #ddd;
}
.btn-u.btn-brd.btn-u-green ,.btn-u.btn-brd.btn-u-green:hover {
    border-color: #a5c369;
    color: #257339;
    border-radius: 50px !important;
    margin: 0 0 5px;
    font-size: 1rem;
}
.tab-v2 .tab-content {
    padding: 20px 15px;
    border: 0px;
}
.tab-v2 .nav-tabs {
    border-bottom: 1px solid #c5c5c5;
}
.tab-v2 .nav-tabs li.active a {
    border: solid 1px #c5c5c5;
}
.tab-v2 .nav-tabs li.active a {
    border-top: solid 2px #d34700;
}
.text-highlights-blue {
    background: #0a838f;
}
.line-through {
    text-decoration:line-through;
    font-size: 1.7rem !important;
    color: #dddddd;
    margin: 0;
    line-height: 20px;
    margin: 25px 0 0;
}
.price-box {
    margin: 25px 0 0;
}
.price-font {
    font-size: 2.2em !important;
}
.price-font span {
    color: #d4302d;
}
.width-100 {
    width: 100%;
}
.news-v3 p {
    margin-bottom: 10px;
}
.feature {
    text-align: right;
    z-index: 1;
    padding-right: 0;
    background: none;
    line-height: 65px;
}

.feature .btn-u ,.feature-share-box .btn-u {
    background: #ffffff;
    border: 1px solid #555;
    color: #555;
    padding:6px 13px;
}

.feature a.btn-u{line-height: 20px; padding:6px 13px;}

.feature .btn-u:hover,.feature .btn-u:focus {
    background: #c32700;
    color: #fff;
    border: 1px solid #c32700 !important;
}
.feature .btn-u:focus {
    border: 1px solid #555 !important;
}



.feature-share-box {
    display: inline-block;
    height: 48px;
    bottom: 2px;
}
.feature .social-icons {
    margin: 0 auto;
    text-align: center;
    height: 50px;
}
.social_spotify {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/line.png) no-repeat;
}
.acc-v1 .panel-heading a {
    padding: 15px;
    font-size: 1.2rem;
    font-weight: bold;
    border: 2px dashed #fff !important;
}
.acc-v1 .panel-heading a:focus{border: 2px dashed #ffaa80 !important;}

.panel-group {
    margin-bottom: 10px;
}
.parallax-counter-v2:after {
    display: none;
}
.parallax-counter-v2 {
    padding: 50px 0;
    position: inherit;
}
.parallax-counter-v2:before {
    position: inherit;
    background: rgba(0,0,0,0.0);
}
.parallax-counter-v2 h3 {
    font-weight: 600;
}
.service-box {
    font-size: 1.2rem;
    margin: 10px 0;
}
.service-box-icon {
    float: left;
    margin: 2px 10px 0;
    font-size: 2rem;
}
.service-box ul {
    padding-left: 21px;
}
.service-box ul li {
    list-style-type: none;
    display: inline-block;
    width: 120px;
}
.room-box {
    border: 2px solid #ddd;
    box-shadow: none;
    text-align: left;
    padding: 4px;
    margin-bottom: 10px;
}
.room-box .caption {
    padding: 9px;
}
.room-box-close {
    font-size: 3rem;
    font-weight: 100;
}
.room-box-modal {
    padding: 20px;
}
.room-box-modal h3 {
    font-weight: 600;
}
.room-booking,.room-map-bt {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 900;
    padding: 30px 0;
    background: rgba(49, 110, 175,1);
    color: #fff;
    transition: all 0.3s ease-in-out;
	-webkit-trasition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    margin: 10px 0;
}
.room-map-bt {
    background: rgba(255, 255, 255,1);
}
.room-map-bt {
    background: rgb(255,255,255,0);
    color: rgba(49, 110, 175,1);
    border: 2px solid;
}
.room-booking:hover {
    background: #c32700;
    color: #fff;
}
.room-booking:focus {
    border: 1px dashed #c32700;
    background: rgba(225,225,225,0);
    color: #c32700;
}
.room-map {
    background: url(https://taiwan.taiwanstay.net.tw/main/images/map.jpg) repeat center !important;
    background: url(https://taiwan.taiwanstay.net.tw/main/images/map.jpg) repeat round !important;
}
.room-icon-service {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}
.modal-header .close:focus {
    border: 1px dashed #c32700;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    color: #c32700;
}
.modal-title {
    margin: 15px 0;
    font-size: 2rem;
}
.modal-font-box {
    line-height: 20px;
    margin-bottom: 20px;
}
.modal-service {
    font-size: 1.2rem;
}
.moda1-service-title {
    color: #d34700;
}
.modal-service li {
    list-style-type: circle;
}
blockquote.hero {
    padding: 14px;
    font-size: 1.2rem;
    background: #ffffff;
    border-left: solid 3px #d34700;
}
.order-img {
    width: 200px;
    margin: 20px;
}
.order-bt {
    width: 200px;
}
.panel-body {
    font-size: 1.2rem;
}
.panel-org {
    border: 2px solid #ffaa80;
}

.google-map-search {
    width: 600px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -300px;
    padding: 14px;
    background: rgba(255,255,255,0.8);
    border: 2px solid #d34700;
}
.google-map {
    width: 100%;
    height: 320px;
    border: none;
}
.list-toggle:after {
    color: #666 !important;
}
.list-toggle:after {
    top: 28px;
    font-size: 1rem;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #ffffff;
}

/** directory **/
.directory {
    margin: 40px 0 20px;
    padding: 10px 0 0;
    border: 1px dashed #d34700;
}
.directory p {
    font-size: 1.4rem;
    font-weight: bold;
}
.op fieldset {
    background: rgba(255,255,255,0) !important;
}
.op fieldset + fieldset {
    border-top: 1px solid rgba(0,0,0,0) !important;
}
.op section {
    margin-bottom: 0px;
}
.dir-table thead {
    font-size: 1.4rem;
}
.dir-table p {
    margin: 0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffe8d3;
}
/** directory **/
@media (max-width:991px) {
    .a-focus-box {
        position: inherit;
    }
    .opacity-box-all {
        margin: 10px 0 0;
    }
    .feature {
        text-align: center;
        line-height: 40px;
    }
    .sky-form fieldset {
        padding: 25px 0 25px;
    }
    .room-map {
        background: url(https://taiwan.taiwanstay.net.tw/main/images/map.jpg) no-repeat center;
    }
    .tab-v2 .nav-tabs li a {
        padding: 9px 6px;
    }
    .google-map-search{
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        margin-left: 0;
    }
}
@media (max-width:767px) {
    .service-block-img {
        display: none;
    }
}
/** End content **/

/** webmap **/
.web-map-box {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.web-map-box-font {
    text-align: center;
    border-radius: 5px;
    min-height: 165px;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 1.1%;
    width: 31%;
}
.web-map-box-font a {
    font-size: 1.4rem;
    color: #fff;
    background: #d34700;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
	-webkit-trasition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.web-map-box-font a:hover {
    background: #7f8c8d;
}
.web-map-box-font a:focus {
    border: 1px dashed transparent;
    background:#7f8c8d;
}
.web-map-box-font ul {
    padding: 0px;
    list-style-type: none;
}
.web-map-box-font ul li a {
    font-size: 1.4rem;
    color: #555;
    background: #fff;
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
	-webkit-trasition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.web-map-box-font ul li a:hover,.web-map-box-font ul li a:focus {
    border: 0px dashed #c32700;
    background: #ddd;
}
@media (max-width:991px) {
    .web-map-box-font {
    margin: 10px 2px;
    width: 48%;
    }
}

/** 貓頭鷹 **/
.slick-slide {
    margin: 0px 20px;
  }
.slick-slide img {
    width: 100%;
  }
.slick-prev:before,.slick-next:before {
    color: black;
}
.slick-p p {
    font-size: 1.2rem;
    text-align: center;
    margin: 10px 0 0 0;
}
.slick-prev:before, .slick-next:before {
    color: #d34700;
    border: 1px dashed #d34700;
}
.slick-dots li.slick-active button:before {
    border: 1px dashed #d34700;
}
@media (max-width:991px){
    .slick-prev {
        left: -8px;
    }
    .slick-next {
        right: -8px;
    }
}
/** End 貓頭鷹 **/
a.btn.room-box{white-space: normal;} /*字串自動斷行*/
/** print **/
@media print {
.header-v3 , .footer-v4 ,.fixed-box,.booking-box ,.print-none , button , .pagination, .feature {display: none !important;}
a[href]:after { content: none !important; }
.hotel-results .col-sm-5{width:41%;float: left;}
.hotel-results .col-sm-4.news-v3{width:33%;float: left;}
.hotel-results .col-sm-3.center{width:25%;float: left;}
.line-through { font-size: 1.7em !important;}
.price-font {font-size: 1.7em !important;}
.news-v3-in-sm button{display: inline-block !important;}

.row.bg-color-white.margin-bottom-20{page-break-inside:avoid;}
/*.tp-banner{content:url("http://54.149.6.122/tourism_web/hotel_photo_view.php?photo_id=44834");}*/
.bannerhide{display:none !important;} /*先隱藏banner*/
.tp-arr-titleholder {display: none;}
.room-booking, .room-map{display: none !important;}
.room-page .room-page-tabs .room-page-tab1 .tab1-item { width:33%; float:left;}
.room-page .room-page-tabs .room-page-tab1 .room-box .overlay-zoom {height: auto !important;}
.room-box .caption span.icon-finance-245{display:block;}
.tab-content>.tab-pane.fade {   display: block !important; opacity: 1 !important;}
a.btn.room-box{white-space: normal;} /*字串自動斷行*/
}
@page{
    size: A4 portrait;
    margin: 1cm;
    orphans:4;
    widows:2;
}
/** print **/

/**footer**/
.footer-v4 h3.thumb-headline {
    font-size: 1.2rem;
    color: #e3a3b0;
    font-family: Arapey, Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft JhengHei", "WenQuanYi Micro Hei", sans-serif !important;
}
.footer-v4 .simple-list a { font-size: 1rem;}
.footer-v4 .copyright p {margin-top: 10px;font-size: 0.9rem;}
.footer-v4 .footer {background: #3a4851;}
.footer-v4 .footer p { font-size: 1rem;}
.footer-v4 .copyright {background: #242a30;}
.qr {width: 100px;}
@media (max-width:991px) {
    .qr {display: none;}
    .footer-v4 h3.thumb-headline {   font-size: 1.1rem;}
}
/** End footer**/

/**周邊旅宿icon**/
@media (max-width:768px) {
    #searchtab1.tab-v1 .nav-tabs a { padding: 5px 0px;}
    #searchtab1 .quick-search-padding-img{margin: 0 0px;}
    #searchtab1 .index-icon {width: 100%;}
    #searchtab1 p{line-height:1.3rem;}
    }



/* Lazy load 延遲圖片載入 -start- */
img.lazyload {
    opacity: 0;
    background-color: #e6e6e6;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
    img.lazyload {
        opacity: 1 !important;
    }
}

img.lazyloading {
    opacity: 1;
    background: #f7f7f7 url(https://taiwan.taiwanstay.net.tw/main/images/loading.gif) no-repeat center;
    -webkit-transition: 0.6s opacity;
    -o-transition: 0.6s opacity;
    transition: 0.6s opacity;
}

img.lazyloaded {
    opacity: 1;
    background-color: transparent;
}

.no-js noscript > img {
    width: 100%;
    height: auto;
    display: block;
    position: static;
}

.no-js img.lazyload {
    display: none !important;
}
/* Lazy load 延遲圖片載入 -end-*/